<template>
  <div>
    <div class="blk" v-for="(msg, index) in data"> {{ msg }}</div>
  </div>
</template>

<script setup>
import { ref } from 'vue'

let data = ref([])
data = [
  "i am aa",
  "i am aa",
  "i am aa",
  "i am aa",
  "i am aa",
  "i am aa",
  "i am aa",
  "i am aa",
  "i am aa",
]
</script>

<style>
.blk {
  height: 300px;
  background-color: rgb(219, 245, 236);
}
</style>